Skip to main content

Navigations

In the "Navigation" subsection, you can define the navigation for your project. To do this, you create a navigation structure based on a navigation tree and display it as a menu in your project using a navigation component. We offer simple base navigations that can be customized using additional components.

Navigation can be selected via the submenu under "Frontend". Each project has its own navigation defined.

Topbar

Topbar​

In the Clipboard editor, at the top, you will find the topbar. On the left side, there are options to change (1) the project name (double-clicking the project name opens an in-place edit), save the current state of your project (2), or save the project under a different name (3).

On the right side, you can launch the preview (4) or start the project as a real web app (5).

Topbar

Explorer​

In the explorer, you can switch between the Navigation Tree and Masks modes using the tabs. Depending on the active tab, either the navigation structure editor or the mask editor will be displayed.

Topbar

Content area​

Here, a preview corresponding to the current selection in the Explorer is displayed.

Detail Panel​

Here, properties can be adjusted for the current Explorer selection.

Topbar